<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生管理</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

</head>
<body>
<div id="app">
    <div class="row" style="background-color: black;color: white;font-weight: bolder;height: 50px;line-height: 50px">
        <div class="col-md-2">学生管理系统后台</div>
        <div class="col-md-2 col-md-offset-8">欢迎尊敬的用户：{{admin.nickname}} </div>
    </div>
    <div class="row" style="border-top: 1px solid grey;">
        <div class="col-md-1">
            <a type="button" class="btn btn-link" target="right" href="/test1/student/selectStudent.html">学生管理</a>
            <a type="button" class="btn btn-link" target="right">班级管理</a>
            <a type="button" class="btn btn-link" target="right">修改密码</a>
            <a type="button" class="btn btn-link" target="right">修改昵称</a>
            <a type="button" class="btn btn-link" href="/test1/admin/logout">注销</a>
        </div>
        <div class="col-md-11">
            <iframe src="http://www.aaajy.net/" name="right" style="border: 0;width: 99%;height: 800px"></iframe>
        </div>
    </div>
</div>

<script>

    var haha = new Vue({
        el:"#app",
        data:{
            admin:{}
        },
        methods:{}
    });
    // 1进入页面 就发送ajax请求 获取当前用户的登录昵称
    $.get("/test1/admin/getAdminInfo",function(backData){
        haha.admin = backData.data;
    });
</script>
</body>
</html>